<template>
	<div class="bpmn">
		<el-radio-group v-model="url" class="btns" @change="go2url">
			<el-radio-button label="default_bpmn">默认</el-radio-button>
			<el-radio-button label="custom_palette_contextPad">自定义palette</el-radio-button>
			<el-radio-button label="custom_palette_contextPad_all">完全自定义Palette</el-radio-button>
			<el-radio-button label="properties-panel-extension">自定义右侧面板属性</el-radio-button>
		</el-radio-group>
		<router-view />
	</div>
</template>

<script>
export default {
	data() {
		return {
			url: this.$route.name,
		};
	},
	methods: {
		go2url(name) {
			this.$router.push({ name });
		},
	},
};
</script>

<style lang="scss" scoped>
.btns {
	position: absolute;
	top: 20px;
	left: 50%;
	transform: translate(-50%);
	z-index: 100;
}
.bpmn {
	height: 100%;
	position: relative;
}
</style>
